<script setup>
import SideMenu from '../../components/common/SideMenu.vue'
import Empty from '../empty/index.vue'
import AppHeader from '../normal/header/index.vue'
import Right from './right/index.vue'
</script>

<template>
  <Empty>
    <ArticlePage :sticky-left="true" :sticky-right="true">
      <template #header>
        <AppHeader />
      </template>
      <template #left-sidebar>
        <AppCard bordered class="min-w-180 border-rd-5 p-8">
          <SideMenu />
        </AppCard>
      </template>
      <template #main-content>
        <div>
          <slot />
        </div>
      </template>
      <template #right-sidebar>
        <Right />
      </template>
    </ArticlePage>
  </Empty>
</template>

<style scoped></style>
